<!DOCTYPE html>
<html>
<head>

<title>Original Prettify Syntax Highlighter</title>


<style type="text/css">
/* http://code.google.com/p/google-code-prettify/source/browse/
pre.prettyprint {
  margin-left: 5px; padding-left: 18px; border-left: 3px solid #6CE26C;
  font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace !important;
  overflow: auto; 
  font-size:11px;   
}
.m300{ 
  max-height:300px; 
}

pre.prettyprint.linenumstrigger { margin-left: 0px; padding-left: 0px; border-left: 0px; }
pre.prettyprint ol li { margin-left: 18px; padding-left: 18px; border-left: 3px solid #6CE26C; }
pre ol li.highlighttrigger { background-color: #DAD7FF; }


.str { color: #080; }
.kwd { color: #008; font-weight: bold; }
.com { color: #800; }
.typ { color: #606; font-weight: bold; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }

@media print {
.str { color: #060; }
.kwd { color: #006; font-weight: bold; }
.com { color: #600; font-style: italic; }
.typ { color: #404; font-weight: bold; }
.lit { color: #044; }
.pun { color: #440; }
.pln { color: #000; }
.tag { color: #006; font-weight: bold; }
.atn { color: #404; }
.atv { color: #060; }
}

*/



pre.prettyprint {
  padding: 0.5em;
  overflow: auto;
  font-family: Tahoma, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
  font-size: 93%; font-size:11px; border:1px solid #555;
}

.prettyprint .str { color: #080; }
.prettyprint .kwd { color: #008; }
.prettyprint .com { color: #800; }
.prettyprint .typ { color: #606; }
.prettyprint .lit { color: #066; }
.prettyprint .pun { color: #660; }
.prettyprint .pln { color: #000; }
.prettyprint .tag { color: #008; }
.prettyprint .atn { color: #606; }
.prettyprint .atv { color: #080; }
.prettyprint .dec { color: #606; }

@media print {
  .prettyprint .str { color: #060; }
  .prettyprint .kwd { color: #006; font-weight: bold; }
  .prettyprint .com { color: #600; font-style: italic; }
  .prettyprint .typ { color: #404; font-weight: bold; }
  .prettyprint .lit { color: #044; }
  .prettyprint .pun { color: #440; }
  .prettyprint .pln { color: #000; }
  .prettyprint .tag { color: #006; font-weight: bold; }
  .prettyprint .atn { color: #404; }
  .prettyprint .atv { color: #060; }
}


pre.prettyprint.linenumstrigger { margin-left: 0px; padding-left: 0px; border-left: 0px; }
pre.prettyprint ol li { margin-left: 18px; padding-left: 18px; border-left: 3px solid #e5ecf9;color:#e5acf9; }
pre ol li.highlighttrigger { background-color: #DAD7FF; }

pre{max-height:300px;overflow:auto;padding:20px 12px;}
</style>

<script src="http://plugins.svn.wordpress.org/prettify-gc-syntax-highlighter/trunk/prettify.js" type="text/javascript"></script>

</head>

<body>

<h3>Punya google code</h3>
<pre class="prettyprint linenums">&lt;style type="text/css"&gt;
pre.prettyprint {
  padding: 0.5em;
  overflow: auto;
  font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
  font-size: 93%;  border:1px solid #555;font-size:11px;
}

.prettyprint .str { color: #080; }
.prettyprint .kwd { color: #008; }
.prettyprint .com { color: #800; }
.prettyprint .typ { color: #606; }
.prettyprint .lit { color: #066; }
.prettyprint .pun { color: #660; }
.prettyprint .pln { color: #000; }
.prettyprint .tag { color: #008; }
.prettyprint .atn { color: #606; }
.prettyprint .atv { color: #080; }
.prettyprint .dec { color: #606; }

@media print {
  .prettyprint .str { color: #060; }
  .prettyprint .kwd { color: #006; font-weight: bold; }
  .prettyprint .com { color: #600; font-style: italic; }
  .prettyprint .typ { color: #404; font-weight: bold; }
  .prettyprint .lit { color: #044; }
  .prettyprint .pun { color: #440; }
  .prettyprint .pln { color: #000; }
  .prettyprint .tag { color: #006; font-weight: bold; }
  .prettyprint .atn { color: #404; }
  .prettyprint .atv { color: #060; }
}


pre.prettyprint.linenumstrigger { margin-left: 0px; padding-left: 0px; border-left: 0px; }
pre.prettyprint ol li { margin-left: 18px; padding-left: 18px; border-left: 3px solid #e5ecf9;color:#e5acf9; }
pre ol li.highlighttrigger { background-color: #DAD7FF; }

pre{max-height:300px;overflow:auto;padding:20px 12px;}
&lt;/style&gt;</pre>

<h3>Background Black font family Monaco 11px</h3>
<pre class="prettyprint lang-css linenums">
/*
 * Derived from einaros's Sons of Obsidian theme at
 * http://studiostyl.es/schemes/son-of-obsidian by
 * Alex Ford of CodeTunnel:
 * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
 */

.str{
    color: #EC7600;
}
.kwd{
    color: #93C763;
}
.com{
    color: #66747B;
}
.typ{
    color: #678CB1;
}
.lit{
    color: #FACD22;
}
.pun{
    color: #F1F2F3;
}
.pln{
    color: #F1F2F3;
}
.tag{
    color: #8AC763;
}
.atn{
    color: #E0E2E4;
}
.atv{
    color: #EC7600;
}
.dec{
    color: purple;
}
pre.prettyprint{
    border: 0px solid #888;

  font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
  font-size: 11px;
}
ol.linenums{
    margin-top: 0;
    margin-bottom: 0;
}
.prettyprint {
    background: #000;
}
li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9{
    color: #555;
    list-style-type: decimal;
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #111;
}
@media print{
    .str{
        color: #060;
    }
    .kwd{
        color: #006;
        font-weight: bold;
    }
    .com{
        color: #600;
        font-style: italic;
    }
    .typ{
        color: #404;
        font-weight: bold;
    }
    .lit{
        color: #044;
    }
    .pun{
        color: #440;
    }
    .pln{
        color: #000;
    }
    .tag{
        color: #006;
        font-weight: bold;
    }
    .atn{
        color: #404;
    }
    .atv{
        color: #060;
    }
}</pre>


<h3>Background #333 - desert.css</h3>
<pre class="prettyprint lang-css linenums">/* desert scheme ported from vim to google prettify */
pre.prettify { display: block; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettify { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}</pre>


<h3>Background Black - sunburst.css</h3>

<pre class="prettyprint m300">&lt;style type="text/css"&gt;
/* Pretty printing styles. Used with prettify.js. */
/* Vim sunburst theme by David Leibovic */

pre .str, code .str { color: #65B042; } /* string  - green */
pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
pre .typ, code .typ { color: #89bdff; } /* type - light blue */
pre .lit, code .lit { color: #3387CC; } /* literal - blue */
pre .pun, code .pun { color: #fff; } /* punctuation - white */
pre .pln, code .pln { color: #fff; } /* plaintext - white */
pre .tag, code .tag { color: #89bdff; } /* html/xml tag    - light blue */
pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
pre .dec, code .dec { color: #3387CC; } /* decimal - blue */

pre.prettyprint, code.prettyprint {
	background-color: #000;
	border-radius: 8px;
                           max-height:400px;overflow:auto;
}

pre.prettyprint {
	width: 95%;
	margin: 1em auto;
	padding: 1em;
	white-space: pre;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre .str, code .str { color: #060; }
  pre .kwd, code .kwd { color: #006; font-weight: bold; }
  pre .com, code .com { color: #600; font-style: italic; }
  pre .typ, code .typ { color: #404; font-weight: bold; }
  pre .lit, code .lit { color: #044; }
  pre .pun, code .pun { color: #440; }
  pre .pln, code .pln { color: #000; }
  pre .tag, code .tag { color: #006; font-weight: bold; }
  pre .atn, code .atn { color: #404; }
  pre .atv, code .atv { color: #060; }
}
&lt;/style&gt;<span class="bb"></span></pre>

<pre class="prettyprint m300">&lt;style type="text/css"&gt;
pre.kode{
        border:6px double #666;
        border-radius:8px;
        font-family: 'Tahoma', Arial, Verdana, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace,  'Tahoma', Arial, Verdana, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace !important;
        background-color:#222;
        padding:15px 12px;
  	font:normal 12px 'Tahoma', Arial, Verdana, Monaco, Lucida Console;
        line-height:1.3em;
        max-height:350px;
        overflow:auto;
}
pre.kode.linenumstrigger{
	margin-left:0px;
	padding-left:0px;
	border-left:0px;  
	}
pre.kode ol.linenums{
        padding:10px 12px;
        background-color:#000;
        border:solid #444;
        border-width:8px 10px 8px 40px;
        color:#111;
        font-family:Times New Roman, Serif;
        margin:-10px -7px -10px -7px;
        border-radius:4px;
        box-shadow:0 0 10px #000;
}
.meong{
       padding:10px;
       background:lightblue;
       margin:10px 0;
       font-size:50px;
       letter-spacing:-1px;
       transition:2s;
      -o-transition:2s;
      -ms-transition:2s;
      -moz-transition:2s;
      -webkit-transition:2s;
      transform:rotate(180deg) translate(10px,20px) scale(1.5);
}
.meong img{
       vertical-align:middle;
       margin-right:20px;
}
&lt;/style&gt;<span class="bb"></span></pre>

<pre class="prettyprint">== Usage ==

&lt;pre class=&quot;prettyprint&quot;&gt;
  // Put your code here.
&lt;/pre&gt;

Or with shortcode:

[code]
  // Put your code here.
[/code]


== Making Code HTML Safe ==

The plugin automatically makes highlighted code html-safe:

&lt;pre class=&quot;prettyprint&quot;&gt;
  Anything that goes here will be quoted to appear on the page as-is.
  For example: &lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;
&lt;/pre&gt;

To avoid quoting your code, add &lt;strong&gt;dontquote&lt;/strong&gt; as the first class:

&lt;pre class=&quot;dontquote prettyprint&quot;&gt;
  Remember to quote manually.
  For example: &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;body&amp;gt;&amp;lt;/body&amp;gt;
&lt;/pre&gt;


== Line Numbering ==

Line numbdering can be enabled as follows:

&lt;pre class=&quot;prettyprint linenums&quot;&gt;
  // Put your code here.
&lt;/pre&gt;

If you want to start with a line number 42, you can do the following:

&lt;pre class=&quot;prettyprint linenums:42&quot;&gt;
  // Put your code here.
&lt;/pre&gt;


== Highlighting Lines ==

When line numbering is enabled you can highlight one or several lines of code using the highlight class:

&lt;pre class=&quot;prettyprint lang-YOURLANG linenums highlight:2,4&quot;&gt;
  // line 2
  // line 3
  // line 4
&lt;/pre&gt;

Alternatively you can highlight one or several code segments:

&lt;pre class=&quot;prettyprint lang-YOURLANG linenums highlight:1-3,5-6&quot;&gt;
  // line 2
  // line 3
  // line 4
  // line 5
&lt;/pre&gt;

Note: This feature is not available when line numbering is disabled.


== Specifying Language ==

Most of the time the highlighter will do a good job guessing how to highlight the code. However, to achieve the best result, you should specify the language:

&lt;pre class=&quot;prettyprint lang-YOURLANG&quot;&gt;
  // Put your code here.
&lt;/pre&gt;

Replace YOURLANG with one of the following:

  * aea
  * agc
  * apollo
  * bsh
  * c
  * cc
  * cl
  * cpp
  * cs
  * csh
  * css-str
  * cv
  * cxx
  * cyc
  * default-markup
  * el
  * fs
  * go
  * hs
  * htm
  * html
  * java
  * js
  * json
  * lisp
  * lua
  * m
  * ml
  * mxml
  * perl
  * pl
  * pm
  * proto
  * py
  * rb
  * scala
  * scm
  * sh
  * sql
  * vhd
  * vhdl
  * wiki
  * xhtml
  * xml
  * xsl
  * yaml
  * yml


== Shortcode ==

Here is a quick example. All the parameters are optional.

[code lang=&quot;scala&quot; start=&quot;1&quot; highlight=&quot;1-3,6,10-14&quot; background=&quot;#C0FFB3&quot;]
  // Put your code here.
[/code]

Html quoting can be disabled as follows:

[code quote=&quot;false&quot;]
  // Put your code here.
[/code]</pre>

<h3>Background Black</h3>

<pre class="prettyprint">&lt;style type="text/css"&gt;
pre.prettyprint{
  border:3px double #aaa;border-radius:4px;
  font-family: 'Tahoma', Arial, Verdana, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace !important;
  background-color:#222;
  padding:15px 12px;
  font:normal 12px 'Tahoma', Arial, Verdana, Monaco, Lucida Console;
  line-height:1.3em;
  max-height:350px;
  overflow:auto;
}
pre.prettyprint.linenumstrigger{
	margin-left:0px;
	padding-left:0px;
	border-left:0px;  
	}
pre.prettyprint ol.linenums{
        padding:10px 12px;
        background-color:#000;
        border:solid #444;
        border-width:8px 10px 8px 40px;white-space:normal;
        color:#111;
        font-family:Times New Roman, Serif;
        margin:-10px -7px -10px -7px;
        border-radius:4px;
        box-shadow:0 0 10px #000;
}
pre.prettyprint ol li{
	margin-left:-10px;
	padding:0 10px 0 10px;white-space:no-wrap;
	background-color:#111; 
        font-family:'Tahoma', Arial, Verdana, Monaco, Lucida Console;
	}
pre.prettyprint ol li.highlighttrigger{
	background-color:#DAD7FF;  background-color:#000;color:#888;
	}
.prettyprinted{word-wrap:break-word;background:#000;border-radius:10px}
.prettyprint .str{color:#d1c79e;}
.prettyprint .kwd{color:darksalmon;color:#bb63cf;color:#bbb;}
.prettyprint .com{color:#52b26b;}
.prettyprint .typ{color:#9ab2c8;}
.prettyprint .lit{color:#7390e5;}
.prettyprint .pun{color:#9aa;}
.prettyprint .pln{color:#aaa;color:#bb63cf;}
.prettyprint .tag{color:#62acce;}
.prettyprint .atn{color:#e6ac32;}
.prettyprint .atv{color:#e7c86b;}
.prettyprint .dec {color:#ffff99;}
@media print {
.kode .str{color: #060; }
.kode .kwd{color: #006;}
.kode .com{color: #600;}
.kode .typ{color: #404;}
.kode .lit{color: #044;}
.kode .pun{color: #440;}
.kode .pln{color: #000;}
.kode .tag{color: #006;}
.kode .atn{color: #404;}
.kode .atv{color: #060;}
}
&lt;/style&gt;</pre>

<script type="text/javascript">
prettyPrint();
</script>
</body>
</html>